
{{template "base.html" .}}

{{define "content"}}
<div style="padding: 60px 150px;height: 735px;" class="cardContext">
    {{range $idx,$que := .data}}
    <div class="layui-panel card layui-row" id="{{$que.Id}}">
        <div class="paper-state layui-col-md2" style="color:#5FB878">已发布</div>
        <div class="title layui-col-md2">{{$que.Title}}#{{$que.Id}}</div>
        <div class="create layui-col-md2">{{$que.Context}}</div>
        <div class="create layui-col-md2">完成人数：{{$que.FinishPerson}}</div>
        <div class="create layui-col-md2">出题人：{{$que.CreatedBy}}</div>
    </div>
    {{end}}
</div>
<script>
    //编辑试卷
    $(".cardContext").on('click',".layui-row", function (e){
        console.log($(this).attr("id"))
        $(location).attr("href","/teacher/Paper/finish/"+$(this).attr("id"))
    })
</script>
<style>
    .card {
        position: relative;
        background-color: #FFF;
        border: none;
        border-radius: 6px;
        -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
        transition: all 250ms cubic-bezier(.02, .01, .47, 1);
        height: 60px;
        line-height: 60px;
        margin-bottom: 20px ;
    }
    .card div{
        float: left;
        text-align: center;
        overflow: hidden;
    }
    .card:hover {
        cursor: pointer;
        box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);
        transform: translate(0,-5px);
        transition-delay: 0s !important;
    }
    .box-shadow {
        -webkit-box-shadow: 0 0.25rem 1rem rgba(48, 55, 66, 0.15);
        box-shadow: 0 4px 16px rgba(48, 55, 66, 0.15);
    }
</style>
{{end}}
